Adwaita: suble gradient on progressbars
authorLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Jul 2014 13:42:17 +0000 (15:42 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Jul 2014 13:42:17 +0000 (15:42 +0200)
gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 25954b8e1ecd2162836a2e5a5213d41437fa8547..f853635bd8cc5ff7085ea3404eb72f88bd048b26 100644 (file)
@@ -1833,6 +1833,8 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: $selected_borders_color;
   background-color: $selected_bg_color;
+  background-image: linear-gradient(to bottom, $selected_bg_color 2px,
+                                               lighten($selected_bg_color,6%));
   $_shadow: if($variant=='light', transparentize(black,0.75),
                                   transparentize(black,0.9));
   box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
@@ -1850,6 +1852,8 @@ GtkProgressBar {
     box-shadow: none;
   }
   &.vertical {
+    background-image: linear-gradient(to right, $selected_bg_color 2px,
+                                      lighten($selected_bg_color,7%));
     box-shadow: 0 1px $_shadow;
     &.bottom {
       border-bottom-left-radius: 3px;
@@ -1865,6 +1869,7 @@ GtkProgressBar {
   &:backdrop {
     border-color: if($variant=='light', $selected_bg_color,
                                         $selected_borders_color);
+    background-image: none;
     background-color: $selected_bg_color;
     box-shadow: none;
   }
index 7036baccd61b61bf2f977956d2448ea97bd41ba3..00ded8128433d4cf6b54c224e46de0b9410b7470 100644 (file)
@@ -2343,6 +2343,7 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: #0f2b48;
   background-color: #215d9c;
+  background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
   box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
   .progressbar.left {
     border-top-left-radius: 3px;
@@ -2355,6 +2356,7 @@ GtkProgressBar {
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
+    background-image: linear-gradient(to right, #215d9c 2px, #276fba);
     box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
     .progressbar.vertical.bottom {
       border-bottom-left-radius: 3px;
@@ -2365,6 +2367,7 @@ GtkProgressBar {
       border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #0f2b48;
+    background-image: none;
     background-color: #215d9c;
     box-shadow: none; }
   .progressbar.osd {
index 393af9a7a47c7aea633e910429cb91b7f459b613..d0fae54522b8ce1cd48bfe5c5df82a71379db546 100644 (file)
@@ -2337,6 +2337,7 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: #184472;
   background-color: #4a90d9;
+  background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
   box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
   .progressbar.left {
     border-top-left-radius: 3px;
@@ -2349,6 +2350,7 @@ GtkProgressBar {
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
+    background-image: linear-gradient(to right, #4a90d9 2px, #68a2df);
     box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
     .progressbar.vertical.bottom {
       border-bottom-left-radius: 3px;
@@ -2359,6 +2361,7 @@ GtkProgressBar {
       border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #4a90d9;
+    background-image: none;
     background-color: #4a90d9;
     box-shadow: none; }
   .progressbar.osd {